page {
	background-color: #E8E8E8;
}

.container {

	.head {
		height: 160rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 32rpx;
		color: #fff;
		background-image: linear-gradient(#95C355, #69B657);


		.left {
			display: flex;
			justify-content: center;
			align-items: center;

			.img {
				width: 100rpx;
				height: 100rpx;
				margin-right: 16rpx;
			}

			.center {
				height: 100%;
				display: flex;
				flex-flow: column;
				justify-content: center;
				align-self: flex-start;
				font-size: 28rpx;

				.center-top {
					display: flex;
					align-items: center;

					.name {
						margin-right: 20rpx;
						font-size: 32rpx;
					}
				}

				.center-bottom {
					display: flex;
					align-items: center;

					.phone {
						margin-top: 24rpx;
						font-size: 24rpx;
					}
				}
			}
		}



		.right {
			display: flex;
			align-items: flex-end;
			flex-direction: column;
			text-align: right;

			.img {
				width: 40rpx;
				height: 40rpx;
			}

			.right-change {
				display: flex;
				margin-top: 24rpx;

				.description {
					font-size: 28rpx;
				}

				.van-icon {
					font-size: 22rpx;
					margin-left: 12rpx;
				}
			}


		}
	}

	.tabs {
		background-color: #fff;
		padding-bottom: 55rpx;

		.title {
			font-size: 32rpx;
			padding-left: 33rpx;
			padding-top: 26rpx;
		}

		.tab-wrap {
			display: flex;
			justify-content: space-between;
			align-items: center;
			flex-wrap: wrap;
			margin: -8rpx 80rpx 0;

			.tab-item {
				width: 80rpx;
				margin-right: 90rpx;
				margin-top: 48rpx;
				display: flex;
				flex-direction: column;
				align-items: center;

				&:nth-child(4n) {
					margin-right: 0;
				}

				.img {
					width: 80rpx;
					height: 80rpx;
				}

				.name {
					margin-top: 15rpx;
					font-size: 28rpx;

					&.bank-card {
						width: 84rpx;
					}
				}

			}
		}

	}

	.about {
		background-color: #fff;
		padding: 20rpx 34rpx;
		margin-top: 14rpx;

		.icon {
			font-size: 44rpx;
			margin-right: 18rpx;
			vertical-align: -4rpx;
			color: #66B557;
		}
	}

	.line {
		width: 718rpx;
		height: 1rpx;
		background: #CACACA;
		margin-left: 32rpx;
	}

	.feedback {
		padding: 20rpx 34rpx;
		background-color: #fff;

		.icon {
			font-size: 44rpx;
			margin-right: 18rpx;
			vertical-align: -4rpx;
			color: #66B557;
		}
	}
}